:root {
  --base-bg: #f5f5f5;
}

/* 滚动条轨道 */
::-webkit-scrollbar {
  width: 4px; /* 垂直滚动条宽度 */
  height: 8px; /* 水平滚动条高度 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.3);
  border-radius: 4px;
  transition: background-color 0.3s;
}

/* 滑块悬停效果 */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

/* 滚动条轨道背景 */
::-webkit-scrollbar-track {
  background: transparent; /* 透明背景 */
}
